﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/MasterPage.Master" AutoEventWireup="true" CodeBehind="Members.aspx.cs" Inherits="SMOTweb.Members" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="content">
    	<div class="container">
            <div style="text-align:center">
            <asp:Button runat="server" ID="btnAddMember"  CssClass="button default" Text="Add New Member" />
                </div>

			<div class="row">

				<div class="col-xs-12">

					<div class="section-title">
						<h3>Our team</h3>
						<h4>We are greatly inspired team of young architects full of ideas, creativity and energy</h4>
					</div>

				</div>                     

			</div><!--/ .row-->

			<div class="row">

				<section class="team-contents">

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Daniel Green</a>
											</h4>

											<span class="entry-date">Director</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Nicolas Anderson</a>
											</h4>

											<span class="entry-date">Manager</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Olivia cooper</a>
											</h4>

											<span class="entry-date">Disigner</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Andrew Cooper</a>
											</h4>

											<span class="entry-date">Architector</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Sara Smith</a>
											</h4>

											<span class="entry-date">Architector</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

					<article class="col-md-4 col-sm-6">
						
						<div class="item-container opacity">
							
							<div class="item">

								<div class="article-thumb">
									<img src="http://placehold.it/640x470" alt="">
								</div>

								<div class="article-content">

									<div class="entry-body">

										<div class="entry-meta">

											<h4 class="entry-title">
												<a href="#">Ben Murray</a>
											</h4>

											<span class="entry-date">Manager</span>

											<div class="entry-excerpt">
												<p>
													Lorem ipsum dolor sit consectetur adipiscing elit.
													Pellentesque ut lacus at velit consequat sodales. 
													Ut posuere neque in molestie gravida.  
												</p>	
											</div>

										</div><!--/ .entry-meta-->
										
									</div><!--/ .entry-body-->

								</div><!--/ .article-content-->

							</div><!--/ .item-->

							<ul class="social-icons circle-icons">
								<li class="twitter">
									<a href="#"><i class="icon-twitter"></i></a>
								</li>
								<li class="facebook">
									<a href="#"><i class="icon-facebook"></i></a>
								</li>
								<li class="linkedin">
									<a href="#"><i class="icon-linkedin"></i></a>
								</li>
								<li class="instagram">
									<a href="#"><i class="icon-instagram"></i></a>
								</li>
							</ul>
							
						</div><!--/ .item-container-->

					</article>

				</section><!--/ .team-contents-->

			</div><!--/ .row-->

		</div>
        </div>
</asp:Content>
